.wrapper{
	width: 100%;
	min-height: 100vh;
	background: #fff;
	.activity-list{
		padding: 40rpx 30rpx;
		.item{
			position: relative;
			width: 100%;
			height: 300rpx;
			border-radius: 16rpx;
			overflow: hidden;
			margin-bottom: 20rpx;
			&:nth-child(1) {
				height: 500rpx;
			}
			.img{
				width: 100%;
				height: 100%;
				image{
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			}
			.title{
				position: absolute;
				bottom: 0;
				width: 100%;
				height: 80rpx;
				line-height: 80rpx;
				overflow: hidden;
				padding: 0 30rpx;
				background: rgba(0, 0, 0, .9);
				color: #fff;
				font-size: 40rpx;
			}
		}
	}
}

.content-wrapper{
	.content-header{
		width: 100%;
		background: #fff;
		padding-bottom: 30rpx;
		.image{
			width: 100%;
			height: 474rpx;
			image{
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
		}
		.title{
			position: relative;
			z-index: 9;
			margin: -30rpx 30rpx 0;
			min-height: 40rpx;
			background: #FFFFFF;
			box-shadow: 8rpx 8rpx 23rpx 0rpx rgba(224,224,224,.5);
			border-radius: 12px;
			padding: 30rpx;
		}
	}
	.content{
		margin-top: 20rpx;
		background: #FFFFFF;
		padding: 40rpx 30rpx 0;
		width: 100%;
		.title{
			font-weight: 500;
			color: #3B66FF;
			letter-spacing: 2rpx;
			position: relative;
			font-size: 30rpx;
			height: 40rpx;
			line-height: 40rpx;
			text-indent: 20rpx;
			&::before{
				content: '';
				width: 4rpx;
				height: 30rpx;
				background: #3B66FF;
				position: absolute;
				left: 0;
				top: 8rpx;
			}
		}
		.brief{
			font-size: 28rpx;
			color: #333;
			line-height: 46rpx;
			margin: 20rpx 0;
		}
		.detail{
			margin: 20rpx 0;
		}
	}
	.bottom{
		position: fixed;
		bottom: 0;
		z-index: 99;
		width: 100%;
		height: 120rpx;
		background: #FFFFFF;
		box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, .1);
		border: 1px solid #E2E2E2;
		display: flex;
		justify-content: center;
		align-items: center;
		button{
			width: 80%;
			height: 80rpx;
			background: #3B66FF;
			border-radius: 8rpx;
			color: #fff;
			font-size: 32rpx
		}
		&.hasSignup{
			button{
				background: #C8C9CC;
				color: #fff;
			}
		}
	}
}